<!-- 
全部类名、ID名前缀必须加上: DaiLianTong_
全部函数名必须加上: DaiLianTong_Function_
-->
<style></style>

<div id="DaiLianTong_Body">
    <div class="layui-collapse" lay-accordion>
        <div class="layui-colla-item">
            <div class="layui-colla-title">参数</div>
            <div class="layui-colla-content layui-show">
                <div class="layui-input-block" style="margin-bottom: 20px;">
                    {% include '页面/代练通与代练丸子_v2/代练通/表单-功能按钮区.html' %}
                </div>
                <div class="layui-input-inline" style="width: auto;">
                    {% include '页面/代练通与代练丸子_v2/代练通/表格表单-价格筛选.html' %}
                    {% include '页面/代练通与代练丸子_v2/代练通/功能-获取代练丸子余额.html' %}

                </div>

            </div>
        </div>
    </div>

    <table class="layui-hide" id="DaiLianTong_OrderTable"></table>
    {% include '页面/代练通与代练丸子_v2/代练通/表格-自定义操作模板.html' %}
</div>





<script>
    layui.use('table', function () {
        var table = layui.table;
        var $ = layui.$;
        

        // 已知数据渲染
        var orderTable = table.render({
            elem: '#DaiLianTong_OrderTable',
            cols: [[ //标题栏
                { type: 'checkbox', fixed: 'left' },
                { field: 'SerialNo', title: 'ID', width: 50, sort: true },
                { field: 'Title', title: '标题', width: 350 },
                { field: 'Zone', title: '区域', width: 100 },
                { field: 'Server', title: '服务器', width: 80 },
                { field: 'Price', title: '价格', width: 50, "align": "center" },
                { field: 'Ensure1', title: '安全金', width: 80, "align": "center" },
                { field: 'Ensure2', title: '效率金', width: 80, "align": "center" },
                { field: 'TimeLimit', title: '时间限制', width: 100 },
                { field: 'Create', title: '发单者', width: 200 },
                { field: "Action", title: "操作", "width": 100, "fixed": "right", "align": "center", "toolbar": "#templet-order-tool" },
            ]],
            data: [],
            page: true, // 是否显示分页
            limits: [1, 10, 50, 100],
            limit: 10, // 每页默认显示的数量
            // 解析后端返回的数据格式
            parseData: function (res) {
                return {
                    "code": res.code, // 解析接口状态
                    "msg": res.message, // 解析提示文本
                    "count": res.count || res.data.length, // 解析数据长度，假设后端返回总条数或使用数组长度
                    "data": res.data // 解析数据列表
                };
            }
        });

        /**
         * 加载订单数据函数（兼容分页功能）
         */
        window.DaiLianTong_Function_LoadOrderData = () => {
            // 显示加载中
            layer.load();

            // 调用订单列表接口
            $.ajax({
                url: '/api/dailiantong/get_order_list/',
                type: 'GET',
                data: {
                    "price_str": $('#DaiLianTong_priceRange').val() || ""
                },
                dataType: 'json',
                success: function (res) {
                    if (res.code === 0) {
                        // 处理服务器返回的数据格式
                        var tableData = {
                            "code": 0,
                            "msg": "",
                            "count": res.data && res.data.length ? res.data.length : 0,
                            "data": res.data || []
                        };

                        // 保存原始数据
                        originalData = JSON.parse(JSON.stringify(tableData.data));

                        // 更新表格数据
                        orderTable.reload({
                            data: tableData.data,
                        });

                        // 隐藏加载中
                        layer.closeAll('loading');
                    } else {
                        // 隐藏加载中
                        layer.closeAll('loading');
                        layer.msg('获取订单列表失败：' + (res.message || '未知错误'), { icon: 5 });
                    }
                },
                error: function (xhr, status, error) {
                    // 隐藏加载中
                    layer.closeAll('loading');
                    layer.msg('网络错误，无法获取订单列表', { icon: 5 });
                    console.error('获取订单列表失败：', error);
                }
            });
        }



        // 自定义操作模板
        DaiLianTong_Function_ZiDingYiCaoZuoMoBan(table, $);
        DaiLianTong_Function_LoadOrderData()
        

    }); 
</script>